<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
  </head>
  <title>云文档</title>
  <style>
    @media only screen and (min-width:1000px){
      body{
        width: 100%;
        height: 100%;
        text-align: center;
      }
      .zt{
        width: 90%;
        height: 1280px;
        background: chartreuse;
        margin: auto;
        border-radius: 25px;
        overflow: auto;
      }
      .tb{
        float: left;
        margin-left: 2%;
        margin-top: 2%;
        width: 20%;
        height: 200px;
        background: url('https://www.dmoe.cc/random.php') no-repeat;
      }
      .rjm{
        float: left;
        margin-top: 2%;
        margin-left: 5%;
      }
      .bq{
        margin-left: 0%;
        width: 100%;
        height: 50px;
        border-radius: 15px;
        background: lightsalmon;
      }
      .js{
        width: 55%;
        height: 200px;
        background: red;
        position: absolute;
        right: 4.3%;
        top: 5%;
        right: 6%;
        border-radius: 15px;
      }
      .tpk{
        width: 90%;
        height: 500px;
        background: yellow;
        border-radius: 15px;
        position: absolute;
        bottom: -30%;
        overflow: auto;
        white-space: nowrap;
      }
      .img{
        width: 30%;
        height: 480px;
        background: orange;
        border-radius: 15px;
        float: left;
        margin-left: 2%;
        margin-right: 1%;
        margin-top: 1%;
        margin-bottom: 1%;
        white-space: nowrap;
      }
    }
  </style>
  <body>
    <div class="zt">
      <div class="tb"></div><div class="rjm"><h1>软件名</h1><div class="bq"><h1>安全</h1></div><div class="bq"><h1>安全</h1></div></div>
      <div class="js"></div>
      <div class="tpk"><div class="img"><img src="https://www.dmoe.cc/random.php" width="100%" height="480px" style="border-radius: 15px;"></div><div class="img"></div><div class="img"></div><div class="img"></div><div class="img"></div></div>
    </div>
  </body>
</html>